$(function(){

    var shop = 0;
    var area = 0;
    // 商城
    function render(){
        $.ajax({
            url:'http://127.0.0.1:9090/api/getgsshop',
            dataType:'json',
            success:function(info){
                console.log(info); 
                $('.shop').html(template('tmp',info));
            }
        })
    }
    render();
    // 地区
    function secrender(){
        $.ajax({
            url:'http://127.0.0.1:9090/api/getgsshoparea',
            dataType:'json',
            success:function(info){
                console.log(info);
                $('.area').html(template('tmp-area',info));
            }
        })
    }
    secrender()

    // 商品
    function trirender(){
        $.ajax({
            url:'http://127.0.0.1:9090/api/getgsproduct',
            data:{
                shopid : shop,
                areaid : area,
            },
            dataType:'json',
            success:function(info){
                console.log(info);
                $('.list ul').html(template('tmp-list',info))
            }
        })
    }
    trirender();

    // 当前显示、其他的隐藏（排他）
    $('.nav').on('click','ul li',function(){
        $(this).siblings().children('.aa').addClass('hide');
        $(this).children('.aa').toggleClass('hide');
    })

    // 委托事件、替换内容、获取值
    $('.jd').on('click','ul li',function(){
        var txt = $(this).text();
        shop = $(this).data('id') //shopid
        // console.log(txt);
        $('.tt').text(txt);
        $(this).parent().toggleClass('hide');
        trirender();

    })

    // 委托事件、替换内容、获取值
    $('.hb').on('click','ul li',function(){
        var tet = $(this).text().slice(0,2);
        area = $(this).data('id'); //areaid
        // console.log(tet);
        $('.hh').text(tet);
        $(this).parent().toggleClass('hide');
        trirender();

    })

    
})